<template>
	<view class="page">
		<uni-nav-bar
			  class="page-header"
			  :statusBar="true"
			  :fixed="true"
			  :border="true"
			  rightIcon="iconfont icon-saomiao"
			>
			 <view class="content">
				<view class="logo"></view>
				<view class="title">智能实验室安全管理助手</view>
				<view class="iconfont icon-saomiao shaomiao" @click="onSaoMiao"></view>
				<view class="iconfont icon-liebiao shaomiao" @click="$tool.goToPage('/pages/DeviceList/index?searchType=weixiu')"></view>
			</view>
		</uni-nav-bar>
		<view class="page-content">
			<view class="from">
				<view class="from-item">
					<view class="from-item-title">院校</view>
					<view class="from-item-value">
						<input class="uni-input" v-model="sbxxByQrData.yl"  disabled placeholder="请扫描设备"/>
					</view>
				</view>
				<view class="from-item">
					<view class="from-item-title">学院</view>
					<view class="from-item-value">
						<input class="uni-input"  v-model="sbxxByQrData.yl1"  disabled placeholder="请扫描设备"/>
					</view>
				</view>
				<view class="from-item">
					<view class="from-item-title">实验室</view>
					<view class="from-item-value">
						<input class="uni-input" v-model="sbxxByQrData.yl2"  disabled placeholder="请扫描设备" />
					</view>
				</view>
			</view>
			<view class="card">
				<view class="head">故障设备</view>
				<view class="row column">
					<view class="title">故障照片</view>
					<view class="img">
						<uni-file-picker class="upload" v-model="images1" limit="1"  @select="onSelect1" @delete="onDeleteFile1" >
							
						</uni-file-picker>
					</view>
				</view>
				<view class="row">
					<view class="title">故障类型</view>
					<view class="value">
						<zs-picker class="zs-picker"
						v-model="fromData.gzlx"
						:fieldNames="{label: 'name', value: 'id'}" 
						:options="gzlxOptions" 
						placeholder="请选择故障类型"/>
					</view>
				</view>
				<view class="row">
					<view class="title">援引依据</view>
					<view class="value">
						<input class="uni-input" v-model="fromData.according"  placeholder="请输入援引依据"/>
					</view>
				</view>
				<view class="row">
					<view class="title">具体条款</view>
					<view class="value">
						<input class="uni-input" v-model="fromData.article"  placeholder="请输入具体条款"/>
					</view>
				</view>
				<view class="row">
					<view class="title">问题分析</view>
					<view class="value">
						<input class="uni-input" v-model="fromData.analysis"  placeholder="请输入问题分析"/>
					</view>
				</view>
				<view class="row">
					<view class="title">解决方案</view>
					<view class="value">
						<input class="uni-input" v-model="fromData.programme"  placeholder="请输入解决方案"/>
					</view>
				</view>
				<view class="row">
					<view class="title">巡检时间</view>
					<view class="value">
						{{$tool.formatDate(new Date(),'yyyy/MM/dd') }}
					</view>
				</view>
				<view class="split"></view>
				<view class="row">
					<view class="title">维修状态</view>
					<view class="value">
						<zs-picker class="zs-picker"
						v-model="fromData.clzt"
						:options="clztOptions" 
						placeholder="请选择维修状态"/>
					</view>
				</view>
				<view class="row column">
					<view class="title">维修照片</view>
					<view class="img">
						<uni-file-picker class="upload" v-model="images2" limit="1"  @select="onSelect2" @delete="onDeleteFile2"></uni-file-picker>
					</view>
				</view>
			</view>
			<view class="bottom">
				<view class="submit" @click="onSubmit">保  存</view>
			</view>
			
		</view>
	</view>
</template>
<script src='./index.js'></script>
<style lang="less" src="./index.less"></style>